<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no , maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=10">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
  <link rel="stylesheet" type="text/css" href="https://demo.waimaoniu.com/n77/css/aos.css">
  <link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/style.css">
  <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.min.js"></script>
  <title>设计编号:77</title>
</head>

<body class="inner-page">
  <div class="main">
    <!-- HEADER START -->
    <header class="header-box">

      <div class="header-middle">
        <div class="header-inner">
          <div class="header-logo">
            <div class="header-logo-box">
              <a href="#"><img alt="Gecko" src="{HOME_THEME_PATH}picture/logo.png"></a>
            </div>
          </div>
          <div class="header-inner-right">
            <div class="header-contact">
              <ul>
                <li class="website-mailbox"><i class="iconfont">&#xe624;</i><a href="message.html"
                    target="_blank">demo@your*domain.com </a></li>
                <li class="website-phone"><i class="iconfont">&#xec76;</i><a href="message.html"
                    target="_blank">400-12345-678</a></li>
              </ul>
            </div>
          </div>

          <div class="social-link">
            <a href="#" class="facebook">
              <i class="iconfont fa-facebook">&#xe616;</i>
            </a>
            <a href="#" class="twitter">
              <i class="iconfont fa-twitter">&#xe609;</i>
            </a>
            <a href="#" class="google-plus">
              <i class="iconfont fa-google-plus">&#xe636;</i>
            </a>
            <a href="#" class="linkedin">
              <i class="iconfont fa-linkedin">&#xe615;</i>
            </a>
            <a href="#" class="skype">
              <i class="iconfont fa-skype">&#xec02;</i>
            </a>
          </div>

          <!--<div class="company-motto">
                    <div class="company-motto-p"><p>Guaranteeing the highest quality products has always been our pursuit</p></div>
                </div>-->
        </div>
        <div class="clear"></div>
      </div>
      <!--导航栏-->
      <div id="fixedMenu">
        <div class="header-inner">
          <div class="language">
            <div class="cur">
              <e class="en">English<i class="iconfont">&#xe635;</i></e>
              <ul class="language-list">
                <li><a href="#" title="English" class="en">English</a></li>
                <li><a href="#" title="España" class="es">España</a></li>
                <li><a href="#" title="Nederlands" class="nl">Nederlands</a></li>
                <li><a href="#" title="العربية" class="ar">العربية</a></li>
                <li><a href="#" title="Pусский" class="ru">Pусский</a></li>
                <li><a href="#" title="Deutsch" class="de">Deutsch</a></li>
                <li><a href="#" title="日本語" class="ja">日本語</a></li>
                <li><a href="#" title="Português" class="pt">Português</a></li>
                <li><a href="#" title="Français" class="fr">Français</a></li>
                <li><a href="#" title="Italiano" class="it">Italiano</a></li>
                <li><a href="#" title="한국의" class="ko">한국의</a></li>
              </ul>
            </div>
          </div>
          <div class="header-search">
            <form>
              <div class="search-box">
                <input class="input-text" placeholder="Search entire store here..." type="text">
                <button class="search-btn"><i class="iconfont">&#xe6c9;</i></button>
              </div>
            </form>
          </div>
          <nav class="main-nav" role="navigation">
            <!-- Mobile menu toggle button (hamburger/x icon) -->
            <input id="main-menu-state" type="checkbox">
            <label class="main-menu-btn" for="main-menu-state">
              <span class="main-menu-btn-icon"></span> Toggle main menu visibility
            </label>
            <!-- Sample menu definition -->
            <ul id="main-menu" class="sm sm-blue">
              <li><a href="index.html">Home</a></li>
              <li><a href="products.html">Products</a>
                <ul>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">Dummy item</a></li>
                  <li><a href="product-list.html">More...</a>
                    <ul>
                      <li><a href="product-list.html">Dummy item</a></li>
                      <li><a href="product-list.html">Dummy item</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="current"><a href="news.html">News</a>
                <ul>
                  <li><a href="news-list.html">Company News</a></li>
                  <li><a href="news-list.html">Industry News</a></li>
                </ul>
              </li>
              <li><a href="case.html">Case</a></li>
              <li><a href="factory-show.html">Factory Show</a></li>
              <li><a href="contact-us.html">Contact Us</a></li>
              <li><a href="about-us.html">About Us</a>
                <ul>
                  <li><a href="about-us.html">About Us</a></li>
                  <li><a href="about-us.html">Main Product</a></li>
                  <li><a href="about-us.html">Design</a></li>
                  <li><a href="about-us.html">Advantage</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <!--导航栏结束-->

    </header>
    <!-- HEADER END -->
    <div class="inner-page-main">
      <div class="inner-page-middle">
        <div class="bread-crumb">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li>></li>
            <li><a href="news.html">News</a></li>
            <li>></li>
            <li><a href="news-list.html">Company News</a></li>
            <li>></li>
            <li><span>The advantages of publishing a product news</span></li>
          </ul>
        </div>
        <div class="inner-page-content">
          <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
            <section class="news-details">
              <div class="news-details-t">
                <h1>The advantages of publishing a product news</h1>
              </div>
              <div class="news-details-time">
                <e>2020-07-11</e>
              </div>
              <div class="news-details-box">
                <p style="text-align:center; margin-bottom: 20px; "><img src="{HOME_THEME_PATH}picture/news1.jpg"
                    alt=""></p>

                <p>Oh, would I could describe these conceptions, could impress upon paper all that is living so full and
                  warm within me, that it might be the mirror of my soul, as my soul is the mirror of the infinite God!
                </p>

                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls
                  like mine. I am so happy, my dear friend, so absorbed in the exquisite sense.</p>

                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls
                  like mine. I am so happy, my dear friend, so absorbed in the exquisite sense. oh, would I could
                  describe these conceptions, could impress upon paper all that is living so full and warm within me,
                  that it might be the mirror of my soul, as my soul is the mirror of the infinite God!</p>

                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls
                  like mine. I am so happy, my dear friend, so absorbed in the exquisite sense.</p>

                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls
                  like mine. I am so happy, my dear friend, so absorbed in the exquisite sense. oh, would I could
                  describe these conceptions, could impress upon paper all that is living so full and warm within me,
                  that it might be the mirror of my soul, as my soul is the mirror of the infinite God!</p>
              </div>
            </section>
            <div class="other-upper-next">
              <div class="other-upper-next-box">
                <span class="other-upper"><a href="#"><i class="iconfont">&#xe7cf;</i>Upper news</a></span>
                <span class="other-next"><a href="#"><i class="iconfont">&#xe661;</i>Next news</a></span>
              </div>
            </div>
            <div class="inner-message">
              <div class="th">Mail consultation</div>
              <div class="inner-message-centered">Please feel free to give your inquiry in the form below.<span>We will
                  reply you in 24 hours.</span></div>
              <div class="inner-message-row">
                <form>
                  <div class="item">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="*Subject"
                        onfocus="if(this.value=='*Subject'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='*Subject'){this.value='*Subject';this.style.color='#999';}"
                        name="subject" id="subject" required="">
                    </div>
                  </div>
                  <div class="item">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="*Email"
                        onfocus="if(this.value=='*Email'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='*Email'){this.value='*Email';this.style.color='#999';}"
                        name="email" id="email2" required="">
                    </div>
                  </div>
                  <div class="item item-half">
                    <div class="inner-message-half">
                      <input type="text" class="input-lg form-full" value="Name"
                        onfocus="if(this.value=='Name'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Name'){this.value='Name';this.style.color='#999';}"
                        name="Name" id="name" required="">
                    </div>
                  </div>
                  <div class="item item-half">
                    <div class="inner-message-box">
                      <input type="text" class="input-lg form-full" value="Phone"
                        onfocus="if(this.value=='Phone'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Phone'){this.value='Phone';this.style.color='#999';}"
                        name="phone" id="phone" required="">
                    </div>
                  </div>
                  <div class="item">
                    <div class="inner-message-box">
                      <textarea value="Message"
                        onfocus="if(this.value=='Message'){this.value=''};this.style.color='#333';"
                        onblur="if(this.value==''||this.value=='Message'){this.value='Message';this.style.color='#999';}"
                        name="message" id="message" class="form-full" required="">Message</textarea>
                    </div>
                  </div>
                  <div class="item">
                    <button class="btn-text">Submit</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <div class="inner-page-l" aos="fade-right" aos-easing="ease" aos-delay="100">
              <div class="sidebar-block">
                  <div class="sidebar-box sidebar-news">
                      <div class="sidebar-title">
                          <span>{usu_fanyi('News', $language)}</span>
                      </div>
                      <div class="sidebar-contant">
                          <ul>
                              {category module=share pid=1 return=t}
                              <li><i class="iconfont">&#xe78d;</i><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                              </li>
                              {/category}
                          </ul>
                      </div>
                  </div>
                  <div class="sidebar-box sidebar-featured">
                      <div class="sidebar-title">
                          <span>{usu_fanyi('feature product', $language)}</span>
                      </div>
                      <div class="sidebar-contant">
                          <ul>
                              {module module=news catid=2 flag=1 num=0,4}
                              <li>
                                  <div class="item">
                                      <div class="pro-media"><a href="{dr_url_rel($t.url, SITE_URL)}"><img alt="T-shirt"
                                                  src="{dr_get_file($t['thumb'])}"></a></div>
                                      <div class="pro-detail-info">
                                          <div class="th"><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t['title'], $language)}</a></div>
                                          <span><a class="btn" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('More', $language)}</a></span>
                                      </div>
                                  </div>
                              </li>
                              {/module}   
                          </ul>
                      </div>
                  </div>
                  <div class="sidebar-box sidebar-contact">
                      <div class="sidebar-title">
                          <span>Contact Us</span>
                      </div>
                      <div class="sidebar-contant">
                          <?php if ($lxfs) { $key=0; foreach ($lxfs as $v) { ?>
                          <div class="mb-20">
                              <div class="inner-title">{$v[1]}&nbsp&nbsp{$v[4]}:</div>
                              <ul>
                                  <li><a href="{$v[3]}">{$v[2]}</a></li>
                              </ul>
                          </div>
                          <?php  $key++; } } ?>
                      </div>
                  </div>
              </div>
          </div>
        </div>
      </div>
      <!--FOOTER -->
      {template footer.html}
      <script>
        //手机端底部折叠
        $('.sidebar-block-but').on("click", function () {
          $(".sidebar-box").toggleClass("expand");
          $(this).toggleClass("expand");
        })
        $('.footer-content-but').on("click", function () {
          $(".footer-main").toggleClass("expand");
          $(this).toggleClass("expand");
        })
      </script>
      <!-- END FOOTER -->
    </div>
  </div>
  <!--返回顶部-->
  <div class="scroll" id="scroll" style="display:none;">
    <i class="iconfont">&#xe637;</i>
  </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
  new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
  /* ------------ Newslater-popup JS Start ------------- */
  $(window).load(function () {
    $.magnificPopup.open({
      items: {
        src: '#newslater-popup'
      },
      type: 'inline'
    }, 0);
  });
  /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
  // SmartMenus init
  $(function () {
    $('#main-menu').smartmenus({
      subMenusSubOffsetX: 1,
      subMenusSubOffsetY: -8
    });
  });

  // SmartMenus mobile menu toggle button
  $(function () {
    var $mainMenuState = $('#main-menu-state');
    if ($mainMenuState.length) {
      // animate mobile menu
      $mainMenuState.change(function (e) {
        var $menu = $('#main-menu');
        if (this.checked) {
          $menu.hide().slideDown(250, function () {
            $menu.css('display', '');
          });
        } else {
          $menu.show().slideUp(250, function () {
            $menu.css('display', '');
          });
        }
      });
      // hide mobile menu beforeunload
      $(window).bind('beforeunload unload', function () {
        if ($mainMenuState[0].checked) {
          $mainMenuState[0].click();
        }
      });
    }
  });
</script>
<!--导航栏置顶固定-->
<script>
  $(function () {
    var ie6 = document.all;
    var dv = $('#fixedMenu'),
      st;
    dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
    $(window).scroll(function () {
      st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
      if (st > parseInt(dv.attr('otop'))) {
        if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
          dv.css({
            position: 'absolute',
            top: st
          });
        } else if (dv.css('position') != 'fixed') dv.css({
          'position': 'fixed',
          top: 0
        });
        dv.addClass("top-fixed")
        $('.inner-page-main').addClass("mh")
      } else if (dv.css('position') != 'static') {
        dv.css({
          'position': 'static'
        });
        dv.removeClass("top-fixed")
        $('.inner-page-main').removeClass("mh")
      }
    });
  });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
  $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
  $(function () {
    showScroll();

    function showScroll() {
      $(window).scroll(function () {
        var scrollValue = $(window).scrollTop();
        scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
      });
      $('#scroll').click(function () {
        $("html,body").animate({
          scrollTop: 0
        }, 200);
      });
    }
  })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
  $(function () {
    initSidebarClicker('span', '+', '-')
  })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
  console.log($('.ps-current [class^="elt"]').length)
  $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
  $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
  AOS.init({
    easing: 'ease-out-back',
    duration: 1000
  });
</script>

</html>